import { defineStore } from 'pinia'
import { nanoid } from 'nanoid'
import { reactive } from 'vue'

interface LoveInter {
    id: string
    msg: string
}

// 选项式写法
// export const useLoveStore = defineStore('love', {

//     // 存储数据
//     state() {
//         return {
//             loveList:JSON.parse(localStorage.getItem('loveList') || '[]')
//         }
//     },
//     // 修改数据
//     actions: {
//          getLove() {
//            this.loveList.push({id: nanoid(), msg: '我爱你'+Math.random()})
//         }
//     }

// })  
// 组合式写法
export const useLoveStore = defineStore('love', () => {
    const loveList = reactive<LoveInter[]>(JSON.parse(localStorage.getItem('loveList') || '[]'))
    function getLove() {
        loveList.push({ id: nanoid(), msg: '我爱你' + Math.random() })
    }
    return { loveList, getLove }
})
